<extend name="_layout/main" />
<block name="head">
	<style>
		.bootbox-body img {
			max-width: 100%!important;
		}
	</style>

</block>
<block name="content">
	<div class="page-content">
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="fa fa-home"></i>
					<a href="{:U('dashboard/index')}">系统首页</a>
				</li>
				<li>
					<a href="javascript:;">文章管理</a>
				</li>
				<li class="active">文章列表</li>
			</ul>
		</div>

		<div class="page-body">
			<div class="row">
				<div class="col-lg-12 col-sm-12 col-xs-12">
					<div class="widget">
						<div class="widget-header bordered-left bordered-darkorange">
							<span class="widget-caption">{$category['name']}</span>
							<div class="widget-buttons">

								<a href="#" data-toggle="collapse">
									<i class="fa fa-minus"></i>
								</a>
								<a href="#" data-toggle="dispose">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="widget-body bordered-left bordered-warning">
							<form class="form-inline" role="form">
								<input type="hidden" value="{:I('catid')}" name="catid" />
								<div class="form-group">
									<input type="text" class="form-control" name="keyword" placeholder="文章标题" value="{$Think.request.keyword}">
								</div>

								<button type="submit" class="btn btn-default">搜索</button>

								<a href="{:U('article/add',['catid'=>$category['id']])}" class="btn btn-darkorange pull-right">
									<i class="fa fa-plus"></i> 添加新文章
								</a>
							</form>

						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<form method="post" id="listForm">
						<table class="table table-hover">
							<thead>
								<tr>
									<th class="text-center" width="80">
										<label>
											<input type="checkbox" class="colored-success select-all">
											<span class="text"></span>
										</label>
									</th>
									<th class="text-center" width="80">排序</th>
									<th class="text-center" width="80">ID</th>
									<th>标题</th>
									<th class="text-center" width="150">发布者</th>
									<th class="text-center" width="250">发布时间</th>
									<th class="text-center" width="200">操作</th>
								</tr>
							</thead>
							<volist name="result" id="val">
								<tr>

									<td class="text-center">
										<label>
											<input type="checkbox" name="id[{$val.id}]" value="{$val.id}" class="colored-success select-item">
											<span class="text"></span>
										</label>
									</td>
									<td class="text-center input-group-xs" style="width: 80px;">
										<input type="text" class="form-control text-center" min="0" max="9999" maxlength="4" value="{$val.sort}" name="sort[{$val['id']}]">
									</td>
									<td class="text-center">{$val.id}</td>
									<td>{$val.title}</td>
									<td class="text-center">{$val['author'] ? $val['author'] : '--'}</td>
									<td class="text-center">{$val.created_at|format_time}</td>
									<td class="text-center">
										<!--<a href="{$val.url}" target="_blank" class="btn btn-default btn-xs"><i class="fa  fa-eye"></i>查看</a>-->
										<a href="{:U('article/edit',['id'=>$val['id']])}" class="btn btn-default btn-xs"><i class="fa  fa-edit"></i>编辑</a>
										<a href="{:U('article/delete',['id'=>$val['id']])}" class="btn btn-danger btn-xs white" data-confirm="确定删除该文章?"><i class="fa fa-trash-o"></i>删除</a>

									</td>

								</tr>
							</volist>
							<tbody>
							</tbody>
						</table>
						<div class="row DTTTFooter">
							<div class="col-sm-6">
								<div class="dataTables_info" id="simpledatatable_info" role="status" aria-live="polite">
									<div class="buttons-preview">
										<a href="javascript:void(0);" class="btn btn-default shiny" id="sort" data-action="{:U('article/sort')}">排序</a>

										<div class="btn-group">
											<a class="btn btn-default  dropdown-toggle shiny" data-toggle="dropdown" href="javascript:void(0);">移动到 <i class="fa fa-angle-down"></i></a>
											<ul class="dropdown-menu" id="move">
												{$category_html}
											</ul>
										</div>
										<a href="javascript:void(0);" class="btn btn-danger shiny" id="delete"  data-action="{:U('article/delete')}" data-confirmtext="确定删除已选中的文章？">删除</a>
									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="dataTables_paginate paging_bootstrap" id="simpledatatable_paginate">
									{$page}
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>
</block>

<block name="footer">
	<script src="/Public/assets/js/jquery.form.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		function checkCount() {
			return $(".select-item:checked").length;
		}
		$("#sort,#delete,#move a").click(function() {
			var action = $(this).data("action");
			if(!action) return false;
			if (!checkCount()) {
				tips('请选择要操作的数据', 'danger');
				return false;
			}			
			var confirmText = $(this).data("confirmtext");
			if(confirmText){ 
				bootbox.confirm(confirmText,function(flag){ 
					if(flag){ 
						$("#listForm").attr("action",action).ajaxSubmit(function(result) {
							result = JSON.parse(result);
							if (result.status == 'success') {
								location.reload();
							} else {
								tips(result.message, 'danger');
							}
						});
					}
				})
			}else{ 
				$("#listForm").attr("action",action).ajaxSubmit(function(result) {
							result = JSON.parse(result);
							if (result.status == 'success') {
								location.reload();
							} else {
								tips(result.message, 'danger');
							}
						});
			}
			
		});
	</script>

</block>